.setting-pane {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 321px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    box-shadow: none;
    border-left: 1px solid var(--edit-border-color-darker);
    background-color: var(--edit-custome-background-color-2);
    z-index: 3;
    & > .setting-pane-bottom {
        text-align: right;
        padding: 10px 20px 20px;
        border-top: 1px solid var(--edit-border-color);
        box-sizing: border-box;
    }
    // 标签页组件样式
    & > .el-tabs {
        flex: 1;
        height: 0%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        & > .el-tabs__header {
            margin: 0;
            .el-tabs__nav-next, .el-tabs__nav-prev {
                line-height: 58px;
            }
            .el-tabs__item {
                height: 58px;
                line-height: 58px;
            }
        }
        & > .el-tabs__content {
            flex: 1;
            height: 100%;
            & > .el-tab-pane {
                height: 100%;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                // 滚动条样式
                & > .el-scrollbar {
                    & > .el-scrollbar__wrap {
                        height: inherit;
                        & > .el-scrollbar__view {
                            // 
                        }
                    }
                }
            }
        }
    }
    // 折叠面板样式
    .el-collapse {
        & > .el-collapse-item {
            .el-collapse-item__header {
                font-size: 14px;
                background-color: var(--edit-custome-background-color);
                border-bottom: 1px solid var(--edit-border-color);
                color: var(--edit-text-color-primary);
                padding-left: 40px;
                position: relative;
                .el-collapse-item__arrow {
                    position: absolute;
                    left: 12px;
                }
            }
            .el-collapse-item__wrap {
                background-color: inherit;
                .el-collapse-item__content {
                    color: var(--edit-text-color-primary);
                    font-size: 14px;
                    padding: 20px 16px;
                    // 可选中的标签样式
                    .el-check-tag {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        padding: 0 10px;
                        height: 32px;
                        font-size: 17px;
                        box-sizing: border-box;
                        border: 1px solid var(--edit-border-color);
                        &.is-checked {
                            background-color: var(--edit-color-primary);
                            svg path {
                                fill: var(--edit-color-white);
                            }
                        }
                        svg path {
                            fill: var(--edit-text-color-regular);
                        }
                    }
                }
            }
        }
    }
    // Alert提示样式
    .el-alert {
        &.el-alert--info.is-light {
            background-color: rgba(126, 134, 142, .12);
        }
    }
    // Divider分割线样式
    .el-divider--horizontal {
        margin: 16px 0;
    }
}

.setting-pane-mark {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: var(--edit-overlay-color-lighter);
    z-index: 2;
}

.setting-pane-fade {

    &-enter-active,
    &-leave-active {
        transition: all 0.3s;
    }

    &-enter-from,
    &-enter-active,
    &-enter-to,
    &-leave-from,
    &-leave-active,
    &-leave-to {
        overflow: hidden !important;
    }

    &-enter-from,
    &-leave-to {
        opacity: 0;
    }

    &-enter-to,
    &-leave-from {
        opacity: 1;
    }

    &-enter-from,
    &-leave-to {
        transform: translateX(100%);
    }
}